<template>
	<div class="menu">
		<router-link to="/">
			<h1 style="color:#1890ff;font-size: 24px;padding-left: 15px;" v-show="isshow">用户中心</h1>
		</router-link>
		<el-menu class="el-menu-vertical-demo" :collapse="iscollapse">
			<router-link to="/修改密码">
				<el-menu-item index="1">
					<i class="el-icon-setting"></i>
					<span slot="title">
						修改密码
					</span>
				</el-menu-item>
			</router-link>
			<router-link to="/报名表">
				<el-menu-item index="2">
					<i class="el-icon-document"></i>
					<span slot="title">
						报名表
					</span>
				</el-menu-item>
			</router-link>
			<router-link to="/作品简介">
				<el-menu-item index="3">
					<i class="el-icon-document"></i>
					<span slot="title">
						作品简介
					</span>
				</el-menu-item>
			</router-link>
			<router-link to="/引用说明">
				<el-menu-item index="4">
					<i class="el-icon-s-opportunity"></i>
					<span slot="title">
						引用说明
					</span>
				</el-menu-item>
			</router-link>
			<router-link to="/安装说明">
				<el-menu-item index="5">
					<i class="el-icon-s-opportunity"></i>
					<span slot="title">
						安装说明
					</span>
				</el-menu-item>
			</router-link>
			<router-link to="/作品效果">
				<el-menu-item index="6">
					<i class="el-icon-s-platform"></i>
					<span slot="title">
						作品效果
					</span>
				</el-menu-item>
			</router-link>
			<router-link to="/设计思路">
				<el-menu-item index="7">
					<i class="el-icon-s-custom"></i>
					<span slot="title">
						设计思路
					</span>
				</el-menu-item>
			</router-link>
			<router-link to="/重点难点">
				<el-menu-item index="8">
					<i class="el-icon-s-promotion"></i>
					<span slot="title">
						重点难点
					</span>
				</el-menu-item>
			</router-link>
			<router-link to="/导师自评">
				<el-menu-item index="9">
					<i class="el-icon-s-custom"></i>
					<span slot="title">
						导师自评
					</span>
				</el-menu-item>
			</router-link>
			<router-link to="/其他说明">
				<el-menu-item index="10">
					<i class="el-icon-menu"></i>
					<span slot="title">
						其他说明
					</span>
				</el-menu-item>
			</router-link>
			<router-link to="/链接填报">
				<el-menu-item index="11">
					<i class="el-icon-upload"></i>
					<span slot="title">
						链接填报
					</span>
				</el-menu-item>
			</router-link>
			<router-link to="/打印上传">
				<el-menu-item index="12">
					<i class="el-icon-s-promotion"></i>
					<span slot="title">
						打印上传
					</span>
				</el-menu-item>
			</router-link>
			<el-menu-item index="13" @click="leave">
				<i class="el-icon-menu"></i>
				<span slot="title">退出</span>
			</el-menu-item>
		</el-menu>
	</div>
</template>

<script>
	export default {
		data() {
			return {}
		},
		props: ['iscollapse','isshow'],
		methods: {
			leave(){
				alert('退出成功')
			}
		}
	}
</script>

<style>
	.menu {
		padding-left: 10px;
	}
	
	.el-menu-vertical-demo:not(.el-menu--collapse) {
		width: 200px;
		min-height: 400px;
	}

	a {
		text-decoration: none;
		color: #000000;
	}
</style>
